import React from 'react'
class ListSearch extends React.Component {
  constructor(props) {
    super(props)
    this.state = {
      orderNumber: '',
    }
  }
  // 数据变化
  onValueChange(e) {
    let name = e.target.name,
      value = e.target.value.trim()
    this.setState({
      [name]: value,
    })
  }
  onSearch() {
    this.props.onSearch(this.state.orderNumber)
  }
  onSearchKeywordKeyUp(e) {
    if (e.keyCode === 13) {
      this.onSearch()
    }
  }
  render() {
    return (
      <div className="row search-wrap">
        <div className="col-md-12">
          <div className="form-inline">
            <div className="form-group">
              <select className="form-control">
                <option value="productId">按订单号查询</option>
              </select>
            </div>
            <div className="form-group">
              <input
                type="text"
                className="form-control"
                placeholder="关键词"
                name="orderNumber"
                onKeyUp={(e) => this.onSearchKeywordKeyUp(e)}
                onChange={(e) => this.onValueChange(e)}
              />
            </div>
            <button
              className="btn btn-primary"
              onClick={(e) => this.onSearch(e)}
            >
              搜索
            </button>
          </div>
        </div>
      </div>
    )
  }
}

export default ListSearch
